.header { font-family: "Times New Roman", Times, serif ; font-size:105%;  position:fixed; top: 0; 
left: 0;
height: 83px; z-index:2;}
body {font-family: Helvetica, sans-serif; }
html, body { margin: 0; padding: 0; height:90%;}
body{
    background:#eee;
}

a { text-decoration: none; color: #194466; }
a:hover { color: #194466; text-decoration:underline; }
pre { background: #fff; width: 460px; padding: 10px 20px; border-left: 5px solid #ccc; margin: 0 0 20px; }
input { margin: 0; padding: 0; }

.container {
margin-top:83px;
}

.master {
margin-top:83px;
min-height:99%;
margin: 0 auto;

}

.footer {
width: 680px;
text-align: center;
padding-top: 10px;
margin: -55px auto 0 auto;
background:#eee;
text-align: center;
margin: 0 auto;

}

hr {
	border: none;
	height: 2px;
	background: #989898;
	width: 95%;
	-border-radius: 1px;
}

.tutorialLink {
	margin-left: 15px;
}

#tutorialTable {
	display: none; 
}

.pagehead {
    margin-top:15px;
    margin-left:2%;
    position:relative;	/* This fixes the IE7 overflow hidden bug */
	float:left;
    width:68%;
	font-size:140%;		/* width of whole page */
	font-weight:bold;
    overflow:hidden;

}

.stage {
	width:100%;
	position:relative;
	/*border:3px solid red;*/
	float:left;
	}
	
.issuemask {
	position:relative;
	width:100%;
	/*position:left;*/
	float:left;
	/*border:2px dashed #67A3E4;*/
	
	}
	
.issuebound {
	position:relative;
	width:67%;
	/*position:left;*/
	float:left;
	/*border:2px dashed #67A3E4;*/
	}	

.submissionbound {
	position:relative;
	width:60%;
	/*position:left;*/
	float:left;
	/*border:2px dashed #67A3E4;*/
	}	

.submissionbound form {
	padding-left: 5%;

}

.comments {
    width:100%;
    position:relative;
    float:left;
	padding-left: 5px;
}

.addcomment {
	padding-left: 5px;
}

.fullheader { 
    position:fixed;
    width:100%;
    z-index:2
}


.header {
	width:100%;
	background-color:#202B2E;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	-moz-box-shadow: 0px 0px 50px #888;
	-webkit-box-shadow: 0px 0px 50px #888;
	box-shadow: 0px 0px 50px #888;
}

.header .headtitle {
	color:#EFEFEF;
   	font-size:200%;
	font-style:bold;
	}

.header .headtitle a:visited, .header .headtitle a:link {
    color:#EFEFEF;
}

.header ul {
    top:-3px;
	list-style-type:none;
	/*padding:5px;*/
	color:#565656;
	font-weight:bold;
	font-size:120%;
	padding-left:35px;
    position:relative;
}

.header ul li {
    overflow:hidden;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
    padding:3px;
	display:inline;
	background-color: #194466;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
}

.header ul li a {
	text-decoration:none;
}

.header ul li a:link, .header ul li a:visited, .header ul li a:active {
    color:#EFEFEF;
}

.header ul li a:hover {
	background-position: 0 center;
	color:#BCBCBC;
}

.register_title {
    width:100%;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    float:center;
    position:relative;
}


.register_title2 {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    float:center;
    text-align:center;
    position:relative;
}

.register {
    float:center;
    left:25%;
    position:relative;
}

.register .register_registration {
    border-right: 5px solid #ccc;
    position:relative;
    width:25%;
    float:left;

}

.register .register_login {
    position:relative;
    width:25%;
    float:left;
    left:10%;

}

.error { 
    color:red;
}


.add {
    float:left;
    position:relative;
    width:60%;
}

.tutorial {
	font-size:80%;
	width:35%;
	margin-left:5%;
}

.tutorial th {
	background: #FAEAD4;
	font-weight: bold;
	padding: 5px;
}

.tutorial table {
	border-collapse: collapse;
}

.tutorial table td {
	background: #E5E3F5;
	padding: 10px;
	width: 100px;
	border-left: 1px solid;
}

.tutorial table tr {
	border: 1px solid;
	min-height: 20px;
}

.tutorial table hr {
	border: none;
	height: 2px;
	background: black;
	width: 95%;
	-border-radius: 1px;
}

.tutorialLink {
	margin-left: 15px;
}

#tutorialTable {
	display: none; 
}

.pagehead {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
	float:left;
    width:68%;
	font-size:140%;		/* width of whole page */
	font-weight:bold;
    overflow:hidden;

}

.stage {
	width:100%;
	position:relative;
	/*border:3px solid red;*/
	float:left;
	}
	
.issuemask {
    margin-top:20px;
	position:relative;
	width:100%;
	/*position:left;*/
	float:left;
	/*border:2px dashed #67A3E4;*/
	
	}
	
.issuebound {
	position:relative;
	width:67%;
	/*position:left;*/
	float:left;
	/*border:2px dashed #67A3E4;*/
	}	

.submissionbound {
	position:relative;
	width:60%;
	/*position:left;*/
	float:left;
	/*border:2px dashed #67A3E4;*/
	}	

.submissionbound form {
	padding-left: 5%;
}

.submissionbount button {
	clear: left;
	}

.issuecol {
	position:relative;
	width:100%;
	float:left;
	/*border:1px solid #2D167B;*/
	overflow:hidden;
	}
	
.rightcol {
	position:relative;
	width:25%;
	float:left;
	overflow:hidden;
	color:black;
	margin:0;
	padding:0;
	font-size:100%;
	}

.rightcol .button {
	width: 80%;
	padding-left: 10px;
}

.rightcol ul {
	list-style-type: none;
	}

.rightcol ul li {
	position: relative;
	left: 15px;
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 4px;
	padding-right: 2px;
	}

.argument {
    width:100%;
}

.argument ul{
    list-style-type:none;
}

.yea_argument h2 {
    text-align:center;
	font-weight:bold;
	color:#006633;
    padding-top:10px;
}

.nay_argument h2 {
    text-align:center;
	font-weight:bold;
	color:#990000;
    padding-top:10px;
}

.nay_argument h2 a, .yea_argument h2 a {
    font-size:70%;
}

.argitr {
    background-color:#B2C2C0;
	border:10px solid #B2C2C0;
	border-radius: 10px;	/*css3 only*/
	-moz-border-radius: 10px; /*firefox specific code*/
	/*-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;*/
	overflow:visible;
	border-bottom:10px solid #B2C2C0;
    margin: 2px 0px 0px 0px;
}

.argitr b {
    position:relative;
	background-color:#C77954;
	/*background: url('/static/Bullet.png') no-repeat scroll;*/
	color:black;
    margin-top:-2px;
    margin-left:-4px;
    margin-right:2px;
	padding:2px;
	overflow:visible;
	border-radius: 5px;
	-moz-border-radius:5px; 
}

.argument .yea_argument {
	position:relative;
	width:49%;
	float:left;
	overflow:hidden;
}

.argument .nay_argument {
	position:relative;
	width:49%;
	float:right;
	overflow:hidden;
}

	
.issueback {
    float:left;
	position:relative;
	width:90%;
	font-size:150%;
	font-style:bold;
	background-color:#B2C2C0;
	border:10px solid #B2C2C0;
	border-radius: 10px;	/*css3 only*/
	-moz-border-radius: 10px; /*firefox specific code*/
	/*-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;*/
	overflow:visible;
	border-bottom:10px solid #B2C2C0;
    margin: 2px 0px 0px 0px;
}

.description {
    padding-top:5%;
    padding-left:5%;
}
	
.issueback2 {
    float:right;
	position:relative;
	width:95%;
	font-size:150%;
	font-style:bold;
	min-width:20%;
	height:native;
    background-color:#B2C2C0;
	border:10px solid #B2C2C0;
	border-radius: 10px;	/*css3 only*/
	-moz-border-radius: 10px; /*firefox specific code*/
	/*-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;*/
	border-bottom:10px solid #B2C2C0;
	}

.issueback a {
	font-weight: bold;
}

.add_profile {
	text-align: center;
}

.add {
	margin-left:  30%;
}

.notifications {
	padding-left: 10px;
}

.userinfo {
	font-size:65%;
	border-bottom:0;
	}

.userinfo .info {
    width:100%;
    float:left;
}

.issueinformation{
    float:left;
    width:75%;
    position:relative;
}

.issheader {
    width:100%;
    float:left;
}

.iss_button { 
	position: relative;
    float:right;
}

.issueback2 .buttons {
    position:relative;
    margin-top:2%;
    width:100%;
    float:left;

}

.buttons {
    position:relative;
    width:20%;
    float:right;
}

.voting {
    margin:2px;
    float:right;
}

.bigvoting {
    float:left;
}

.voting img, .bigvoting img{ cursor:pointer; }

.username {
	width: 200px;
	float: left;
	text-align: center;
}

.username legend {
	font-weight: normal;
	text-align: left;
}

.reputation, .subscribers {
	width: 120px;
	text-align: center;
    float:right;
}

.dateOfBirth {
	width: 120px;
	float: left;
}

.memberSince {
	width: 120px;
	float: left;
}

.username, .reputation, .dateOfBirth, .memberSince, .subscribers {
	text-align: center;
	height: 40px;
}

.bio {
	clear: both;
	min-height: 100px;
}

.issue. issueback2 .userinfo {
	font-size:50%;
	border-bottom:0;
}

.issue
{
	padding:1em 0em 1em 1em;
}

.bullet {
    margin-top:1.5%;
    position:relative;
    float:left;
	width:64px;
	height:64px;
	background-color:#C77954;
	/*background: url('/static/Bullet.png') no-repeat scroll;*/
	color:black;
	padding:0px 0px 0px 0px;
	overflow:visible;
	border-radius: 5px;
	-moz-border-radius:5px; 
	}

.bullet:after {
	color:black;
	content:"interest";
	position: relative;
	width: 45px;;
	top: -40px;
	left: 10px;
	font-size: small;
	}

.comment_user, .comment_reply{
    font-size:80%;
}

.commentstructure li {
    padding:5px;
}

.collapsible_comments {
	list-style-type: none;
	border-left: 1px solid #ccc;
	padding: 0;
	margin: 0;
	margin-left: 5px;
}

.collapsible_comments li ul {
	list-style-type: none;
	border-left: 1px solid #ccc;
	margin-left: 50px;
}

.collapsible_comments li ul li {
	margin-left: -40px;
}
	
.bullet h1, .bullet p {
    color:black;
	padding:8px;
	text-align:center;
	border:0;
	position:relative;
	bottom:20%;
	overflow:visible;
	}

.bullet {
	position:relative;
	overflow:visible;
	}

.bullet2 {
	position:relative;
	overflow:visible;
	}

.bullet h1 {
	font-size:25px;
	text-align:center;
	}

.isstags{
    margin-left:2%;
	font-size:60%;		/* width of whole page */
    width:100%;
    float:left;
    position:relative;

}

.tags {
	font-size:60%;		/* width of whole page */
    width:64%;
    float:left;
    position:relative;
    margin-left:2%;

}

.tags a:link, .tags a:visited, .userinfo a:link, .userinfo a:visited {
    color:#194466;
}

.bullet_ {
    float:right;
	position:relative;
    width:35%;
	}

.add_tag {
    font-size:20%;
}

.threecol {
    background:#eee;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	float:left;
	width:100%;	
	border-bottom:3px solid #989898;
	padding-bottom: 3px;
    margin-top:-10px;
	}

.topic {
    position:relative;
    width:100%:
	font-style:bold;
	background-color:#B2C2C0;
	border:10px solid #B2C2C0;
	border-radius: 10px;	/*css3 only*/
	-moz-border-radius: 10px; /*firefox specific code*/
	/*-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;*/
	overflow:visible;
	border-bottom:10px solid #B2C2C0;
    margin: 2px 0px 0px 0px;
    font-size:120%;
    width:100%;

}

.welcome {
    margin-left:2%;

}

.topic .topicdescription {
    font-style:normal;
    font-size:85%;
    margin-left:5%;
    width:90%;

}

.sourcetags {
    position:relative;
    overflow:hidden;
}

.sourcetags .sources {
    margin-left:2.5%;
    position:relative;
    width:45%;
	float:left;
	overflow:hidden;
    background-color:#B2C2C0;
	border:10px solid #B2C2C0;
	border-radius: 10px;	/*css3 only*/
	-moz-border-radius: 10px; /*firefox specific code*/
	/*-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;*/
	overflow:visible;
	border-bottom:10px solid #B2C2C0;
}

.sourcetags .taglist {
    position:relative;
    width:45%;
	float:right;
	overflow:hidden;
    background-color:#B2C2C0;
	border:10px solid #B2C2C0;
	border-radius: 10px;	/*css3 only*/
	-moz-border-radius: 10px; /*firefox specific code*/
	/*-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;*/
	overflow:visible;
	border-bottom:10px solid #B2C2C0;
}

.col1,
.col2,
.col3{
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
    margin-top:15px;
	/*border:1px dashed black;*/	
}

.iss_col2 {
    float:right;
}

.iss_col1, .iss_col2, .iss_col3, .isstags, .tags {
    color:#565656;
}

.threecol a:link, .threecol a:visited {
    color:black;
}

.iss_col2 {
    font-size:60%;
	width:19%;
    margin-top:10px;
    float:right;
}
	
.iss_col1 {
    font-size:60%;
	width:100%;
    margin-left:2%;
}	

.iss_col3 {
    font-size:60%;
	width:80%;
}	
	
.col2 {background:#eee;
    float:left;
	width:50%;
}
	
.col3 {
    text-align:center;
    float:right;
	width:45%;
}
	
.col1 ul, .col2 ul, .col3 ul{
	position:relative;
	list-style-type:none;
	margin:0;
	/*border:1px dashed red;*/
}

.col1 ul ul, .col2 ul ul, .col3 ul ul{
	position:relative;
	display:inline;
	/*border:1px dashed #0E3659;*/
}

.col1 ul li, .col2 ul li, .col3 ul li{
	position:relative;
	display:inline;
	/*border:1px dashed orange;*/
}
	
.col3 ul{
	position:right;
}
	
.issueback .threecol, .issueback2 .threecol {
	border-bottom:0;
}
	
.col1 ul, .col2 ul, .col3 ul{
	position:relative;
	list-style-type:none;
}

.pagination {
    width:100%;
    text-align:center;
    font-size:150%;
}

.errors {
    color:red;
}

.mailbutton {
	padding: 0px 8px;
    margin-right:4px;
	background: url(mail.png) repeat-x bottom;
	}


.nomailbutton {
	padding: 0px 8px;
    margin-right:4px;
	background: url(no-mail.png) repeat-x bottom;
	}

.button, .issueback .iss_col2 .button, .issueback2 .userinfo .button {
	padding: 5px 10px;
	background: #777 url(button.png) repeat-x bottom;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666;
    overflow:visible;
	}

.button:hover {
	background-position: 0 center;
	color: #EFEFEF;
    text-decoration:none;
	}

.button:active  {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
	}

.button {
    white-space:nowrap;
}

.button:visited { color: white;}
.button.red { background-color: #990000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue, .issueback .button.blue, .issueback2 .button.blue { background-color: #194466; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 80%; padding: 2px 6px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

